<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="../css/common.css" />
<link rel="stylesheet" type="text/css" href="../css/case/linkage.css" />
<script src="../js/common/jquery.js"></script>
<script src="../js/common/drag.js"></script>
<script src="../js/common/angular.min.js"></script>
<script type="text/javascript" src="../js/common/common.js"></script>
<script type="text/javascript" src="../js/case/linkage.js"></script>
</head>
<body ng-app="myApp">

<div class="dqwz">
    <span>当前位置：</span>
    <span>三级联动</span>
</div>

<div class="linkageBox" ng-controller="linkageCtrl as lk">
    <ul>
        <li ng-repeat="parent in lk.parents" ng-click="lk.getChild($index);" ng-class="{'active':lk.setType==$index}">
            <span>{{parent.name}}</span>
        </li>
    </ul>
    <ul>
        <li ng-repeat="child in lk.childs" ng-click="lk.getGrandson($index);" ng-class="{'active':lk.setType2==$index}">
            <span>{{child.name}}</span>
        </li>
    </ul>
    <ul>
        <li ng-repeat="grandson in lk.grandsons">
            <span>{{grandson.name}}</span>
        </li>
    </ul>
</div>

</body>
</html>
